<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Laevade Pommitamine</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
		.center
		{
			width:96%;
			margin-left:2%;
			margin-right:2%;
		}
		.rida
		{
			height:40px;
			margin:0px;
		}
		.ruut
		{
			width:40px;
			height:40px;
			background-image:url('pildid/vesi_40px_bordered.jpg');
			padding:0px;
		}
		
		.ruut_tulemus
		{
			height:40px;
			width:180px;
		}


		#wrapper
		{
			background-color:#EFEFEE;
			margin-left:70px;
			margin-right:70px;
			margin-top:0px;
			margin-bottom:40px;
			padding:10px;
		}
		#sisu
		{
			margin:15px;
		}
		#päis {text-align:center;}

		#menu
		{
			float:left;
			height:480px;
			width:19%;
			background: gray;
			background-size:cover;
			border:0px;
		}


		#proov
		{
			float:right;
			height:480px;
			width:80%;
			background: gray;
			background-size:cover;
			border:0px;
		}
		
		#mängija_1 
		{
			border:1px solid white;
			float:left;
			width:400px;
			height:400px;

			margin-left:39px;
			margin-bottom:39px;
			margin-top:39px;
		}
		#mangija_2
		{
			border:1px solid white;
			float:right;
			width:400px;
			height:400px;
			
			margin-right:39px;
			margin-bottom:39px;
			margin-top:39px;
		}


		td:hover
		{
			background-image:url('pildid/must_40px_bordered.jpg');
		}

		#laev1
		{
			float:left;
			margin-left:0px;
		}
		#laev2
		{
			float:left;
			margin:0;
		}
		#laev3
		{
			float:left;
			margin-left:0px;

		#laev4
		{
			float:left;
			margin-left:0px;
		}
		#tabel
		{
			border:1px solid white;
		}

		#tulemus
		{
			float:left;
			width:200px;
			height:100px;
		}
		
    </style>
  </head>
  <body style="margin:0px;">
	  <div id="wrapper">
		  <div id="päis">
			  <h1>Laevade pommitamine</h1>
			  <p>Parim mäng maailmas</p>
		  </div>



		  <div class="center">
			<div id="menu">
				  <p1>Menüü<br /></p1>
					<p2>Uus mäng<br /></p2>
					<p2>Identifitseeri end<br /></p2>	
					<p2>Ajalugu<br /></p2>
					<p2>Aseta laevad lauale<br /></p2>
					<p2>puhasta laud<br /></p2>			
					<p2><br /></p2>
					<p2><br /></p2>
					<p2>Siin tuleb tulemused</p2>

			</div>
			  <div id="proov">
				  <div class="laud" id="mängija_1">
					<table id="tabel" width="100%" cellspacing="0">
						  <tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"</td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr>					  </table>
					  <img id="laev2" src="pildid/3_ruutu_väike_high_k.png"/>
					  <img id="laev1" src="pildid/4_ruutu_väike_high.png"/>
					  <img id="laev3" src="pildid/2_ruutu_väike_värv_high.png" />
					  <img id="laev4" src="pildid/1_RUUT_väike_high.png" /> <!-- width/height? -->
				  </div>
				  <div id="mangija_2">
					  <table id="tabel" width="100%" cellspacing="0">
						  <tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"</td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr><tr class="rida"><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td><td class="ruut"></td></tr>					  </table>
				 </div>
			  </div>
		  </div>
	  </div>
  </body>
</html>
 
